<template>
  <el-card>
    <el-row type="flex" justify="center" style=" margin-left: 0px;margin-right: 0px;">
      <el-col :span="2"><img src="../assets/image/logo.png" alt=""></el-col>
      <el-col :span="2">
        <router-link to="/index" class="pos">首页</router-link>
      </el-col>
      <el-col :span="2">
        <router-link to="/agents" class="pos"> 房产经纪 </router-link>
      </el-col>
      <el-col :span="2"><router-link class="pos" to="/category">地产分类</router-link></el-col>
      <el-col :span="2">
        <router-link to="/page" class="pos"> 关于我们 </router-link>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.el-card{
  margin-bottom: 20px;
}
/deep/.el-row{
  margin-left: 0px;
  margin-right: 0px;
}
.pos {
  width: 100%;
  text-decoration: none;
  color: #000;
  font-size: 15px;
  margin: 0 25px 0;
  display: block;
  &:hover{
    background-color: #489df9;
    color: #ffffff;
  }
}

/deep/.el-card__body {
  padding: 0;
  .el-col {
    text-align: center;
    height: 40px;
    line-height: 40px;
  }
}
</style>